<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Netto</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>

<body>

<!-- MENU NOVO -->

    <div class="img-inicio">
        <img src="/imagens/netto-fundo-site.png">
    </div>   
    <nav class="menu">
                <div class="menu-oculto">
                    <ul class="nav-menu">
                        <li class="nav__menu-intem"><a href="index.html">Início</a></li>
                        <li class="nav__menu-intem"><a href="propostas.html">Propostas</a></li>    
                        <li class="nav__menu-intem"><a href="news.html">Notícias</a></li>
                        <li class="nav__menu-intem"><a href="eventos.html">Eventos</a></li>
                        <li class="nav__menu-intem"><a href="contato.html">Contato</a></li>
                    </ul>
                </div>

                <ul class="nav-menu2">
                    <li id="midia1" class="menu-item"><a href="https://www.instagram.com/nettomarquespa/" target="_blank"><img src="/imagens/instagram-azul.png"></a></li>
                    <li id="midia2" class="menu-item"><a href="https://www.facebook.com/nettomarquespa" target="_blank"><img src="/imagens/facebook-azul.png"></a></li>
                    <li id="midia3" class="menu-item"><a href="https://www.youtube.com/user/omnetto9" target="_blank"><img src="/imagens/youtube-azul.png"></a></li>
                    <li id="midia4" class="menu-item"><a href="https://twitter.com/nettomarquespa?s=09" target="_blank"><img src="/imagens/twitter-azul.png"></a></li>
                    <li id="midia5" class="menu-item"><a href="https://t.me/nettomarquespa" target="_blank"><img src="/imagens/telegrama-azul.png" ></a></li>
                    <div class="apoia">
                        <li class="apoia">
                            <a href="https://apoia.org/netto" target="_blank"><img style="max-height:39.5px" src="https://apoia.org/img/shared/bt-apoia-2-2.png" alt=""></a><!--37px-->
                        </li>
                    </div>
                </ul>
                    
                    <div class="logo">
                        <img src="/imagens/logo-site.png">
                    </div>
                    
                 
    </nav>
    <div class="netto">
        <img src="/imagens/netto-sem-fundo preto-sem-logo-site.png">
    </div>
   
<!-- TEXTO --> 

    <div class="banner">
            <!--<h1>Texto Texto Texto Texto Texto Texto Texto Texto</h1>-->
            <div class="bnt-inicio">
                <button>Saiba Mais</button>
            </div>
            <div class="banner-img">
                <img src="/imagens/logo-netto-slogan-mudamca.png" alt="">
            </div>
            <p>Pré-candidato a vereador de belém</p>
    </div>
  
      
<!-- CORPO DO SITE -->
    <div class="corpo-site">
            <h2>Nossa Visão, Missão e Valores</h2>
            <h1>Nossa Visão, Missão e Valores</h1>
            <img src="/imagens/belem.jpg" alt="">
            <p>Como pré-candidato a Vereador em Belém, defendo a economia e a liberdade individual como valores base da construção de uma sociedade mais justa. E é por estes valores que defendo fim de privilégios de políticos e a diminuição da burocracia municipal. Precisamos reconstruir Belém da base, seja com privatização de espaços públicos, seja com atuação liberal legislativa.</p>
            <div class="bnt-propostas">
                <button><a href="/propostas.html">Propostas</a></button>
            </div>
    </div>

<!-- CARDS
    <div class="coteudo">
        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id="alteracao" src="/imagens/carteira3.png">
                    <h3>Privatização de espaços públicos deficitários</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos muninípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo1.png">
                    <h3>Aumento da fiscalização do serviço público municipal</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo2.png">
                    <h3>Seguro anti-corrupção em obras públicas</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>
    </div>-->

<!-- CARROUSEL COTEUDO-->

<div class="titulo-carrosel">
    <h2>Últimas Notícias</h2>
    <h1>Últimas Notícias</h1>
</div>

<section class="carousel" aria-label="Gallery">
  <ol class="carousel__viewport">
    <li id="carousel__slide1" tabindex="0" class="carousel__slide"> <!--ONCLINK NA IMG-->
      <div class="carousel__snapper"></div>
        <a href="#carousel__slide4" class="carousel__prev">Go to last slide</a>
        <a href="#carousel__slide2" class="carousel__next">Go to next slide</a>
        <div class="coteudo">
            <div class="card">
                <div class="face face1">
                    <div class="content">
                        <img id="alteracao" src="/imagens/carteira3.png">
                        <h3>Privatização de espaços públicos deficitários</h3>
                    </div>
                </div>
                <div class="face face2">
                    <div class="content">
                        <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos muninípios.</p>
                        <a href="propostas.html">Leia mais</a>
                    </div>
                </div>
            </div>
    
            <div class="card">
                <div class="face face1">
                    <div class="content">
                        <img id= "alteracao" src="/imagens/coteudo1.png">
                        <h3>Aumento da fiscalização do serviço público municipal</h3>
                    </div>
                </div>
                <div class="face face2">
                    <div class="content">
                        <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                        <a href="propostas.html">Leia mais</a>
                    </div>
                </div>
        </div>
    
            <div class="card">
                <div class="face face1">
                    <div class="content">
                        <img id= "alteracao" src="/imagens/coteudo2.png">
                        <h3>Seguro anti-corrupção em obras públicas</h3>
                    </div>
                </div>
                <div class="face face2">
                    <div class="content">
                        <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                        <a href="propostas.html">Leia mais</a>
                    </div>
                </div>
            </div>
          </div>
    </li>
    <li id="carousel__slide2" tabindex="0" class="carousel__slide">
      <div class="carousel__snapper"></div>
      <a href="#carousel__slide1" class="carousel__prev">Go to previous slide</a>
      <a href="#carousel__slide3" class="carousel__next">Go to next slide</a>
      <div class="coteudo">
        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id="alteracao" src="/imagens/carteira3.png">
                    <h3>Privatização de espaços públicos deficitários</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos muninípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo1.png">
                    <h3>Aumento da fiscalização do serviço público municipal</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo2.png">
                    <h3>Seguro anti-corrupção em obras públicas</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>
      </div>
    </li>
    <li id="carousel__slide3" tabindex="0" class="carousel__slide">
      <div class="carousel__snapper"></div>
      <a href="#carousel__slide2" class="carousel__prev">Go to previous slide</a>
      <a href="#carousel__slide4" class="carousel__next">Go to next slide</a>
      <div class="coteudo">
        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id="alteracao" src="/imagens/carteira3.png">
                    <h3>Privatização de espaços públicos deficitários</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos muninípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo1.png">
                    <h3>Aumento da fiscalização do serviço público municipal</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo2.png">
                    <h3>Seguro anti-corrupção em obras públicas</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>
      </div>
    </li>
<li id="carousel__slide4" tabindex="0" class="carousel__slide">
      <div class="carousel__snapper"></div>
      <a href="#carousel__slide3" class="carousel__prev">Go to previous slide</a>
      <a href="#carousel__slide1" class="carousel__next">Go to first slide</a>
      <div class="coteudo">
        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id="alteracao" src="/imagens/carteira3.png">
                    <h3>Privatização de espaços públicos deficitários</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos muninípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo1.png">
                    <h3>Aumento da fiscalização do serviço público municipal</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="face face1">
                <div class="content">
                    <img id= "alteracao" src="/imagens/coteudo2.png">
                    <h3>Seguro anti-corrupção em obras públicas</h3>
                </div>
            </div>
            <div class="face face2">
                <div class="content">
                    <p>Solucionar a carência de creches e unidades de educação infantil. Para isso, o governo vai construir unidades e transferir a gestão aos municípios.</p>
                    <a href="propostas.html">Leia mais</a>
                </div>
            </div>
        </div>
      </div>
    </li>
  </ol>
  <aside class="carousel__navigation">
    <ol class="carousel__navigation-list">
      <li class="carousel__navigation-item">
        <a href="#carousel__slide1" class="carousel__navigation-button">Go to slide 1</a>
      </li>
      <li class="carousel__navigation-item">
        <a href="#carousel__slide2" class="carousel__navigation-button">Go to slide 2</a>
      </li>
      <li class="carousel__navigation-item">
        <a href="#carousel__slide3" class="carousel__navigation-button">Go to slide 3</a>
      </li>
      <li class="carousel__navigation-item">
        <a href="#carousel__slide4" class="carousel__navigation-button">Go to slide 4</a>
      </li>
    </ol>
  </aside>
</section>

<div class="bnt-geral-eventos">
    <button><a href="#">Ver tudo</a></button>
</div>


<!-- AGENDA E EVENTOS -->
    <div class="mini-news">
            <h2>Agenda e Próximos Eventos</h2>
            <h1>Agenda e Próximos Eventos</h1>

            <section class="container-news">
                <div class="news">
                    <div class="new">
                        <div class="new-data">
                            <h1>30 Agosto</h1>         
                        </div>
                        <div class="new-texto">
                            <div class="new-coteudo">
                                <h1>Líder de senso comum continua avançando em direção à mudança para um futuro próximo</h1>
                            </div>
                            <p>É um fato estabelecido há muito tempo que um leitor será.</p>                          
                        </div>
                    </div>
                    <div class="new">
                        <div class="new-data">
                            <h1>30 Agosto</h1>    
                        </div>
                        <div class="new-texto">
                            <div class="new-coteudo">
                                <h1>Campanhas políticas geralmente exigem um gerente de campanha</h1>
                            </div>
                            <p>Juntos, nós, o povo, alcançamos mais do que qualquer um.</p>                           
                        </div>
                    </div>
                    <div class="new">
                        <div class="new-data">
                            <h1>30 Agosto</h1>                    
                        </div>
                        <div class="new-texto">
                            <div class="new-coteudo">
                                <h1>Honestidade, integridade e comunidade mudam todas as experiências</h1>
                            </div>
                            <p>Design para os amantes do arrependimento de Edward são este.</p>
                        </div>
                    </div>
                </div>
                <div class="bnt-news">
                    <button><a href="#">Ver tudo</a></button>
                </div>
            </section> 
    </div>

<!-- RODAPÉ -->
<!--
        <div class="rodape-logo">
            <img src="/imagens/logo-site.png" alt="logo netto">
        </div>
        <div class="rodape-menu">
            <h1>Menu</h1>
            <ul>
                <li><img src="/imagens/direita.png" alt="seta"><a href="#">Home</a></li>
                <li><img src="/imagens/direita.png" alt="seta"><a href="#">Propostas</a></li>
                <li><img src="/imagens/direita.png" alt="seta"><a href="#">News</a></li>
                <li><img src="/imagens/direita.png" alt="seta"><a href="#">Contato</a></li>
            </ul>
        </div>
        <div class="rodape-midias">
            <h1>Redes Sociais</h1>
            <ul>
                <li><img src="/imagens/instagram.png" alt=""><a href="https://www.instagram.com/nettomarquespa/" target="_blank">@nettomarquespa</a></li>
                <li><img src="/imagens/facebook.png" alt=""><a href="https://www.facebook.com/nettomarquespa" target="_blank">@nettomarquespa</a></li>
                <li><img src="/imagens/twitter.png" alt=""><a href="https://twitter.com/nettomarquespa?s=09" target="_blank">@nettomarquespa</a></li>
                <li><img src="/imagens/tiktok.png" alt=""><a href="#" target="_blank">@nettopa</a></li>
            </ul>
        </div>
            <ul>
        <div class="rodape-midias2">
            <ul>
                <li><img src="/imagens/youtube.png"><a href="https://www.youtube.com/user/omnetto9" target="_blank">@Netto Marques</a></li>
                <li><img src="/imagens/telegrama.png"><a href="https://t.me/nettomarquespa" target="_blank">@Netto Marques</a></li>
                <li><img src="/imagens/parler.png"><a href="#" target="_blank">@nettopa</a></li>
                <li><img src="/imagens/whatsapp.png"><a href="#">Grupo do whatsApp</a></li>
            </ul>
        </div>
-->
<footer class="footer">  
    <div class="copyright">
            <h1>@2020 Netto Marques.Todos os direitos reservados</h1>
        </div>
</footer>
</body>
</html>